<template>
  <div>
    <!-- 头部 -->
    <heads></heads>
    <!-- 头部  end-->
    <div class="main">
      <div class="mainBtn">
        <!-- <input type="button" value="公私盘设置" class="mainBtnG"> -->
        <el-button type="primary" class="mainBtnG">公私盘设置</el-button>
        <!-- <input type="button" @click="Viewfff" value="查看规则" class="mainBtnC"> -->
        <el-button type="primary"  @click="Viewfff" class="mainBtnC">查看规则</el-button>
      </div>
      <!-- 主内容 -->
      <div class="mainContent clearfix ">

        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">出售自动转让公盘条件</p>
          <ul>
            <el-radio-group v-model="datas.sell_to_public_radio">

            <li>
              <label>
                <el-radio :label="1"><input type="radio" checked class="radio">自最后跟进时间起
                  <input v-model="God" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px;" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>

            </li>
            <li>
              <label>
                <el-radio  :label="2"><input type="radio"    class="radio">自委托日期起
                  <input v-model="Deal" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="3"><input type="radio"   class="radio">自录入日期起
                  <input v-model="become" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
              </el-radio-group>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">出租自动转为公盘条件</p>
          <ul>
            <el-radio-group v-model="datas.rent_to_public_radio">
            <li>
              <label>
                <el-radio  :label="1"><input type="radio" class="radio">自最后跟进时间起
                  <input v-model="room"  style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="2"><input type="radio" class="radio">自委托日期起
                  <input v-model="Housing" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="3"><input type="radio" class="radio">自录入日期起
                  <input v-model="resources" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            </el-radio-group>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">求购自动转为公盘条件</p>
          <ul>
            <el-radio-group v-model="datas.buying_to_public_radio">
            <li>
              <label>
                <el-radio  :label="1"><input type="radio" class="radio">自最后跟进时间起
                  <input v-model="Within" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio> </label>
            </li>
            <li>
              <label>
                <el-radio  :label="2"><input type="radio" class="radio">自委托日期起
                  <input v-model="there" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="3"><input type="radio" class="radio">自录入日期起
                  <input v-model="trans" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio> </label>
            </li>
              </el-radio-group>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">求租自动转为公盘条件</p>
          <ul>
            <el-radio-group v-model="datas.rent_seek_to_public_radio">
            <li>
              <label>
                <el-radio  :label="1"><input type="radio" class="radio">自最后跟进时间起
                  <input v-model="action" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="2"><input type="radio" class="radio">自委托日期起
                  <input v-model="house" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="3"><input type="radio" class="radio">自录入日期起
                  <input v-model="deal" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有成交的房源</el-radio></label>
            </li>
            </el-radio-group>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">跟进提醒设置</p>
          <ul>
            <li>
              自最后跟进时间起
              <input v-model="Ahouse" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有跟进的售房源显示红色提醒图标
            </li>
            <li>
              自最后跟进时间起
              <input v-model="Ahous" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有跟进的租房房源显示红色提醒图标
            </li>
            <li>
              自最后跟进时间起
              <input v-model="Ahou" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有跟进的求购客源显示红色提醒图标
            </li>
            <li>
              自最后跟进时间起
              <input v-model="Ahouas" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">天内，没有跟进的求租客源显示红色提醒图标
            </li>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">跟进显示（隐藏）设置</p>
          <ul>
            <el-radio-group v-model="datas.up_show">
            <li>
              <label>
                <el-radio  :label="1"><input type="radio" class="radio">打开一条房源（客源）时，自动显示对应跟进信息 </el-radio></label>
            </li>
            <li>
              <label>
                <el-radio  :label="0"> <input type="radio" class="radio">打开一条房源（客源）时，隐藏对应跟进信息 </el-radio></label>
            </li>
            </el-radio-group>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">录入房源/客源时默认公私盘设置</p>
          <ul>
            <li>
              录入出售房源时，默认公私盘为
              <select    v-model="storeitem" placeholder="请选择">
                <option value="0" label="私盘"></option>
                <option value="1" label="公盘"></option>

              </select>
            </li>
            <li>
              录入出租房源时，默认公私盘为
              <select v-model="stoitem" placeholder="请选择">
                <option value="0" label="私盘"></option>
                <option value="1" label="公盘"></option>
              </select>
            </li>
            <li>
              录入求购客源时，默认公私客为
              <select v-model="discitem" placeholder="请选择">
                <option value="0" label="私盘"></option>
                <option value="1" label="公盘"></option>
              </select>
            </li>
            <li>
              录入求租客源时，默认公私客为
              <select v-model="Privateitem" placeholder="请选择">
                <option value="0" label="私盘"></option>
                <option value="1" label="公盘"></option>
              </select>
            </li>
          </ul>
        </div>
        <!-- 模块 -->
        <div class="Modular">
          <p class="ModularTitle">私盘录入条数设置</p>
          <ul>
            <el-radio-group v-model="limit">
            <li>
              <el-radio  label="3">限制录入出售私盘<input v-model="Sell" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">条（0为不限制）</el-radio>
            </li>
            <li>
              <el-radio  label="6"> 限制录入出租私盘<input v-model="lease" style="width: 95px;border: 1px solid #a0a0a0;height: 27px;padding-left: 10px" placeholder="请输入内容">条（0为不限制）</el-radio>
            </li>
            </el-radio-group>
          </ul>
        </div>
      </div>
      <div class="mainBtn">
        <el-button type="primary" @click="getPostData" class="mainBtnG_">保存</el-button>
      </div>
    </div>
    <!-- 查看规则 -->
    <div v-show="Viewshow">
      <!-- <View ViewClose="View"></View> -->
      <div class="mode_box"></div>
      <div  class="xu_box">
        <div class="alertDiv">
          <div class="alertDiv_Item">
            <p>重复房源标准</p>
            <div class="alertDivItemDiv">
              <ul class="clearfix">
                <el-radio-group v-model="Residential">
                <li>
                  <label>
                    <el-radio  :label="1"><input type="radio" class="radio" name="czfybz">小区+门牌号（没有门牌号时用业主电话，默认）</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="2"> <input type="radio" class="radio" name="czfybz">小区+业主电话</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="3"> <input type="radio" class="radio" name="czfybz">小区+门牌号+业主电话</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio :label="4"> <input type="radio" class="radio" name="czfybz">业主电话</el-radio></label>
                </li>
                </el-radio-group>
              </ul>
            </div>
          </div>
          <div class="alertDiv_Item">
            <p>重复房源处理设定</p>
            <div class="alertDivItemDiv">
              <ul class="clearfix">
                <el-radio-group v-model="Prompt">
                <li>
                  <label>
                    <el-radio  :label="1"> <input type="radio" class="radio" name="czfyclsz">提示允许录入（默认）</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="2"> <input type="radio" class="radio" name="czfyclsz">提示但不允许录入</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="3"> <input type="radio" class="radio" name="czfyclsz">不进行重复</el-radio></label>
                </li>
                </el-radio-group>
              </ul>
            </div>
          </div>
          <div class="alertDiv_Item">
            <p>重复房源标准设定</p>
            <div class="alertDivItemDiv">
              <ul class="clearfix">
                <el-radio-group v-model="Customer">
                <li>
                  <label>
                    <el-radio  :label="1"> <input type="radio" class="radio" name="czfybzsd">客户电话</el-radio></label>
                </li>
                  </el-radio-group >
              </ul>
            </div>
          </div>
          <div class="alertDiv_Item">
            <p>重复客源处理设定</p>
            <div class="alertDivItemDiv">
              <ul class="clearfix">
                <el-radio-group v-model="service">
                <li>
                  <label>
                    <el-radio  :label="1"> <input type="radio" class="radio" name="czkyclsd">提示且允许录入</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="2"> <input type="radio" class="radio" name="czkyclsd">提示但不允许录入（默认）</el-radio></label>
                </li>
                <li>
                  <label>
                    <el-radio  :label="3"> <input type="radio" class="radio" name="czkyclsd">不进行查重</el-radio></label>
                </li>
                </el-radio-group>
              </ul>
            </div>
          </div>
          <div class="boff">
            <el-button type="primary" class="boffBtn">软件设置</el-button>
            <el-button type="primary" class="boffBtn">权限设置</el-button>
            <el-button type="primary" class="boffBtn">确定</el-button>
            <el-button type="primary" class="boffBtn"  @click="Viewfff">关闭</el-button>
          </div>
        </div>
      </div>
    </div>
    <!-- 查看规则 -->
    <!-- 尾部 -->

    <!-- <footers></footers> -->

    <!-- 尾部 end -->
  </div>
</template>
<script type="text/babel">
  // import View from "./View";
  import  {setBodyScroll,recoverBodyScroll} from '@/comm/js/dom.js'
  import footers from './footer';
  import heads from './head';
  export default {
    components: {
      footers,
      heads,
    },
	created(){

		//?uri=/index/rule
	this.$http.get('/index/rule').then(({data})=>{
    this.datas = data;
    /*出售 */


    if(data.sell_to_public_radio == 1){
      this.God = data.sell_to_public_day;
      console.log(this.God);
    }else if(data.sell_to_public_radio ==2){
      this.Deal = data.sell_to_public_day;
    }else if(data.sell_to_public_radio == 3){
      this.become = data.sell_to_public_day;
    }

    /**出售 */

    /**出租 */
     //rent_to_public_radio
    if(data.rent_to_public_radio == 1){
       this.room = data.rent_to_public_day;
    }else if(data.rent_to_public_radio ==2){
      this.Housing = data.rent_to_public_day;
    }else if(data.rent_to_public_radio ==3){
      this.resources = data.rent_to_public_day;
    }

    /**出租 */

    /**求购 */

    if(data.buying_to_public_radio == 1){
      this.Within = data.buying_to_public_day;
    }else if(data.buying_to_public_radio ==2){
      this.there = data.buying_to_public_day;
    }else if(data.buying_to_public_radio ==3){
      this.trans = data.buying_to_public_day;
    }
    /**求购 */

    /**求租 */
    if(data.rent_seek_to_public_radio ==1){
      this.action = data.rent_seek_to_public_day;
    }else if(data.rent_seek_to_public_radio ==2){
      this.house = data.rent_seek_to_public_day;
    }else if(data.rent_seek_to_public_radio){
      this.deal = data.rent_seek_to_public_day;
    }

    /**求租 */

    /**跟进提醒设置 */
      //售房提醒
      this.Ahouse = data.up_warn_sell_day;
      //租房提醒
      this.Ahous = data.up_warn_rent_day;
      //求购提醒
      this.Ahou = data.up_warn_buying_day;
      //求租提醒
      this.Ahouas = data.up_warn_rent_seek_day;
    /**跟进提醒设置 */


    /**录入房源 */
    this.storeitem = data.default_sell_is_public.toString();
     //出租房源
    this.stoitem = data.default_rent_is_public.toString();
      //求购房源
    this.discitem = data.default_buying_is_public.toString();
     //求租房源
    this.Privateitem = data.default_rent_seek_is_public.toString();


    //出售盘录入条数限制
    this.Sell = data.private_sell_add_limit;

    //出租限制
    this.lease = data.private_rent_add_limit;


    //重复房源标准
    this.Residential = data.repeat_house_normal;
    //重复房源处理设定
    this.Prompt = data.repeat_house_process;

    //客户电话
    this.Customer = data.repeat_house_normal_process;
    //重复客源处理设定
    this.service = data.repeat_guest_process;
  });
	}
	,
    data() {
      return {
        datas:{},
        Viewshow: false,
        since: "",
        Follow: "",
        time: "",
        after: false,
        entry:false,
        Guest: false,
        limit: false,
        View: "",
        storeitem: "",
        stoitem: "",
        discitem: "",
        Privateitem: "",
        God: "",
        Deal: "",
        become: "",
        room: "",
        Housing: "",
        resources: "",
        Within: "",
        there: "",
        trans: "",
        action: "",
        house: "",
        deal: "",
        Ahouse: "",
        Ahous: "",
        Ahou: "",
        Ahouas: "",
        Sell: "",
        Residential:"",
        lease:"",
        Prompt:"",
        Customer:"",
        service:"",
        store: [
          {
            storeitem: "1",
            label: "公盘"
          },
          {
            storeitem: "0",
            label: "私盘"
          }
        ],
        sto: [
          {
            stoitem: "公盘",
            label: "1"
          },
          {
            stoitem: "私盘",
            label: "0"
          }
        ],
      };
    },
    //关闭事件
    methods: {
      Viewfff() {
        setBodyScroll();
        this.Viewshow = !this.Viewshow;
        if(this.Viewfff){
          recoverBodyScroll();
        }
      },
      getPostData(){
        let post = {};
        /**出售自动转为条件 */


         post["sell_to_public_radio"] = this.datas.sell_to_public_radio;
         switch(this.datas.sell_to_public_radio){
           case 1: post["sell_to_public_day"] = this.God; break;
           case 2: post["sell_to_public_day"] = this.Deal; break;
           case 3: post["sell_to_public_day"] = this.become; break;
         }

         /**出租自动转公盘条件 */
         post['rent_to_public_radio'] = this.datas.rent_to_public_radio;
         switch(this.datas.rent_to_public_radio){
           case 1: post['rent_to_public_day'] =this.room; break;
           case 2: post['rent_to_public_day'] =this.Housing; break;
           case 3: post['rent_to_public_day'] =this.resources; break;

         }

         /**求购 */
         post['buying_to_public_radio'] = this.datas.buying_to_public_radio;
         switch(this.datas.buying_to_public_radio){
           case 1: post['buying_to_public_day'] =this.Within; break;
           case 2: post['buying_to_public_day'] =this.there; break;
           case 3: post['buying_to_public_day'] =this.trans; break;
         }

         /**求租 */
          post['rent_seek_to_public_radio'] = this.datas.rent_seek_to_public_radio;
          switch(this.datas.rent_seek_to_public_radio){
            case 1:post['rent_seek_to_public_day'] = this.action; break;
            case 2:post['rent_seek_to_public_day'] = this.house;break;
            case 3:post['rent_seek_to_public_day'] = this.deal;break;
          }

          /**跟进提醒 */
           //售房提醒
           post['up_warn_sell_day'] = this.Ahouse;
           //租房提醒
           post['up_warn_rent_day'] = this.Ahous;
           //求购提醒
           post['up_warn_buying_day'] = this.Ahou;
           //求租提醒
           post['up_warn_rent_seek_day'] = this.Ahouas;

           //跟进显示或隐藏
           post['up_show'] = this.datas.up_show; //1为显示 0为隐藏

           //录入房源/客源时默认公私盘设置
            //出售房源
           post['default_sell_is_public'] = this.storeitem;
            //出租房源
           post['default_rent_is_public'] = this.stoitem;
            //求购房源
          post['default_buying_is_public'] = parseInt(this.discitem);
            //求租
          post['default_rent_seek_is_public'] = this.Privateitem;

          //default_buying_is_public


          //私盘录入条数设置
            //限制出售
          post['private_sell_add_limit'] = this.Sell;
            //限制出租
          post['private_rent_add_limit'] = this.lease;


          //重复房源标准
          post['repeat_house_normal'] = this.Residential;

          //重复房源处理设定
          post['repeat_house_process'] = this.Prompt;
          //重复房源标准设定
          post['repeat_house_normal_process'] = this.Customer;
          //重复客源处理设定
          post['repeat_guest_process'] = this.service;

          //repeat_guest_process


          //发起请求
          /*this.$http.post('/index/rule',{
            params:{
             ...post
            }
          }).then((data)=>{
            console.log(data.data);
          })*/

          console.log(post);

          this.$http({
            method: 'post',
            url:'/index/rule',
           headers:{
             // "Authorization":localStorage.token
           // "Content-type":"application/json",
             //Content-Type: application/json
              //token
              //'Content-Type': 'application/x-www-form-urlencoded'
            },


            data:{

              "sell_to_public_radio":post['sell_to_public_radio'].toString(),
              "sell_to_public_day":post['sell_to_public_day'].toString(),
              "rent_to_public_radio":post['rent_to_public_radio'].toString(),
              "rent_to_public_day":post['rent_to_public_day'].toString(),
              "buying_to_public_radio":post['buying_to_public_radio'].toString(),
              "buying_to_public_day":post['buying_to_public_day'].toString(),
              "rent_seek_to_public_radio":post['rent_seek_to_public_radio'].toString(),
              "rent_seek_to_public_day":post['rent_seek_to_public_day'].toString(),
              "up_warn_sell_day":post['up_warn_sell_day'].toString(),
              "up_warn_rent_day":post['up_warn_rent_day'].toString(),
              "up_warn_buying_day":post['up_warn_buying_day'].toString(),
              "up_warn_rent_seek_day":post['up_warn_rent_seek_day'].toString(),
              "up_show":post['up_show'].toString(),
              "default_sell_is_public":post['default_sell_is_public'].toString(),
              "default_rent_is_public":post['default_rent_is_public'].toString(),
              "default_buying_is_public":post['default_buying_is_public'].toString(),
              "default_rent_seek_is_public":post['default_rent_seek_is_public'].toString(),
              "private_sell_add_limit":post['private_sell_add_limit'].toString(),
              "private_rent_add_limit":post['private_rent_add_limit'].toString(),
              "repeat_house_normal":post['repeat_house_normal'].toString(),
              "repeat_house_process":post['repeat_house_process'].toString(),
              "repeat_house_normal_process":post['repeat_house_normal_process'].toString(),
              "repeat_guest_process":post['repeat_guest_process'].toString()
            }
        }).then(({data})=>{
          alert(data.msg);
        })
         console.log(post);
      }
    }
  };
</script>
<style scoped>
  /* 通用样式 */
  *,
  ::before,
  ::after {
    /*font-size: 14px;*/
    /*  */
    margin: 0;
    padding: 0;
    /* 点击高亮效果 */
    /* 手指点击 清除默认的 高亮效果 透明 */
    -webkit-tap-highlight-color: transparent;
    /* 盒子模型 */
    /* 样式输入完毕 在后面tab */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 统一设置文字  sans-serif 移动端 的默认字体 */
    font-family: "Microsoft YaHei", sans-serif;
  }
  /* input标签 去掉默认样式 */
  input {
    border: none;
    -webkit-appearance: none;
  }
  /* a标签的下划线 */
  a {
    text-decoration: none;
  }
  /* 去掉小圆点 */
  ol,
  ul {
    list-style: none;
  }
  /* 清除浮动 */
  .clearfix::before,
  .clearfix::after {
    content: "";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
  }
  @media screen and (min-width: 320px) {
    html,
    body {
      font-size: 44.44444444px;
    }
  }
  @media screen and (min-width: 360px) {
    html,
    body {
      font-size: 50px;
    }
  }
  @media screen and (min-width: 375px) {
    html,
    body {
      font-size: 52.08333333px;
    }
  }
  @media screen and (min-width: 385px) {
    html,
    body {
      font-size: 53.47222222px;
    }
  }
  @media screen and (min-width: 400px) {
    html,
    body {
      font-size: 55.55555556px;
    }
  }
  @media screen and (min-width: 414px) {
    html,
    body {
      font-size: 57.5px;
    }
  }
  @media screen and (min-width: 424px) {
    html,
    body {
      font-size: 58.88888889px;
    }
  }
  @media screen and (min-width: 480px) {
    html,
    body {
      font-size: 66.66666667px;
    }
  }
  @media screen and (min-width: 540px) {
    html,
    body {
      font-size: 75px;
    }
  }
  @media screen and (min-width: 640px) {
    html,
    body {
      font-size: 88.88888889px;
    }
  }
  @media screen and (min-width: 720px) {
    html,
    body {
      font-size: 100px;
    }
  }
  @media screen and (min-width: 750px) {
    html,
    body {
      font-size: 104.16666667px;
    }
  }
  @media screen and (min-width: 800px) {
    html,
    body {
      font-size: 111.11111111px;
    }
  }
  .main {
    width: 100%;
    /* border: 1px solid #8e8e8e; */
    padding: 0.2rem 0.2rem;
    margin-top: 80px;
  }
  .main .mainBtn {
    width: 60%;
    margin-left: 1.9rem;
  }
  .main .mainBtn .mainBtnG {
    width: 7em;
    height: 2rem;
    background-color: #5a9bd5;
    font-size: 0.16rem;
    color: #fff;
  }
  .main .mainBtn .mainBtnC {
    width: 7em;
    height: 2rem;
    /* background-color: #5a9bd5; */
    float: right;
    font-size: 0.16rem;
    color: #fff;
  }
  .mainContent {
    width: 100%;
    margin-top: 0.1rem;
    padding-left: 1.9rem;
  }
  .mainContent .Modular {
    width: 49%;
    min-height: 10.3rem;
    float: left;
    margin: 0.05rem;
    margin-top: 1.1rem;
    position: relative;
    border: 1px solid #8e8e8e;
    padding: 0 0.05rem;
    padding-top: 0.1rem;
    background-color: #f7f7f7;
    box-shadow: 0.03rem 0.03rem 0.02rem #e4e4e4;
  }
  .mainContent .Modular .ModularTitle {
    border: 1px solid #8e8e8e;
    position: absolute;
    top: -10px;
    left: 20px;
    color: #8d9dcf;
    font-size: 0.12rem;
    padding: 0 0.02rem;
    background-color: #fff;
  }
  .mainContent .Modular .radio {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
  }
  .mainContent .Modular .TextDay {
    border: 1px solid #8e8e8e;
    width: 0.5rem;
  }
  .mainContent .Modular li {
    margin-top: 5px;
  }
  li {
    padding-left: 200px;
    position: relative;
    top: 20px;
  }
  .alertDiv {
      width: 40rem;
      height: 30.5rem;
      box-shadow: #e8e7e7 0px 0px 10px;
      background-color:  #f7f7f7;
      padding: 0.1rem 0.1rem;
      border: 1px solid #888888;
    }
  .alertDiv .alertDiv_Item {
    margin-top: 1.5rem;
    padding-right: 1rem;
  }
  .alertDiv .alertDiv_Item .alertDivItemDiv {
    border: 1px solid  #f7f7f7;
    padding: 0.1rem 0.1rem;
  }
  .alertDiv .alertDiv_Item .alertDivItemDiv li {
    float: left;
    margin-left: 1rem;
  }
  .alertDiv p{
    font-size: 0.8rem;
    padding-left: 2rem;
    font-weight:bold;
  }
  .boff {
    margin-top: 3.1rem;
    text-align: center;
  }
  .boff .boffBtn {
    width: 7em;
    height: 2rem;
    margin-top: 0.4rem;
  }
  .mainBtnG_ {
    width: 4.2rem;
    height: 2rem;
    margin-top: 1.2rem;
  }
  select{
    width: 15em;
    cursor: pointer;
  }
  input{
    cursor: pointer;
  }
  .xu_box{
    z-index: 999;
    position: absolute;
    top: 20%;
    left: 30%;
    height: 10vh;
    width: 10vw;
  }
  .mode_box{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
  }
</style>
